<template>
	<div class="fb_navbar_div">
		<div class="content">
			<router-link to="/mogujie/home" tag="div">
				<div class="iconfont icon-shouye"></div>
				<div class="text">首页</div>
			</router-link>
		</div>
		<div class="content" >
			<router-link to="/mogujie/type" tag="div">
				<div class="iconfont icon-fenlei"></div>
				<div class="text">分类</div>
			</router-link>
		</div>
		<div class="content">
			<router-link to="/mogujie/car" tag="div">
				<div class="iconfont icon-gouwuche"></div>
				<div class="text">购物车</div>
			</router-link>	
		</div>
		<div class="content">
			<router-link to="/mogujie/aboutme" tag="div">
				<div class="iconfont icon-tubiaolunkuo-"></div>
				<div class="text">我的</div>
			</router-link>	
		</div>
	</div>
</template>

<script>
export default {};
</script>


<style lang="less" scoped>
.fb_navbar_div {
    position: fixed;
    width: 100%;
    bottom: 0px;
    display: flex;
	justify-content: space-around;
	border-top:1px solid #ccc;
	padding-top:10px;
    .content {
        width: 150px;
        height: 90px;
        font-size: 24px;
		>div{
			height:100px;
			display: flex;
			flex-flow: column;
			align-items: flex-end;
			.iconfont {
				font-size: 50px;/*px*/
				width: 150px;
				height: 50px;
				line-height: 50px;
				text-align: center;
			}
			.text{
				width: 150px;
				height: 40px;
				text-align: center;
				line-height: 40px;
			}
		}  
    }
}
</style>